<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/endtoend.css">
    <link rel="stylesheet" href="css/shopping_trolley.css">
    <link rel="stylesheet" href="css/payment.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head floor_scroll">
        <div class="center">
            <span>乐购www.legou.com</span>
            <div class="fr">
                <span>欢迎光临乐购 请</span>
                <span><a href="index.html">登录</a></span>
                <span><a href="signin.html">|注册</a></span>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="navigation">
        <div class="center">
            <div class="box fl"></div>
            <div class="fl fl_top">
                <div class="clearfix">
                    <input type="text" class="fl"><input type="image" src="imgs/搜索.png" class="fl">
                    <span> <img src="imgs/购物车.png" alt=""><a href="shoppingtrolley.html">购物车0</a></span>
                    <span>我的订单</span>
                </div>
                <div>
                    <ul>
                        <li>图书</li>
                        <li>电子书</li>
                        <li>原创文学</li>
                        <li>服装</li>
                        <li>运动户外</li>
                        <li>孕婴童</li>
                        <li>家居</li>
                        <li>创意文具</li>
                        <li>地方特产</li>
                        <li>海外购</li>
                        <li>电器城</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索框滑出  -->
    <div class="head_navigation">
    </div>
    <!--  潮流新区-->
    <div class="commodity_evaluation shopping_cart">
        <div class="center">
           <div class="evaluate clearfix">
               <div class="evaluate_top fr">
                   <p><span>确认订单</span><span>支付货款</span><span>确认货款</span><span>评价商品</span></p>
                   <div class="nba"><span class="onqwer">1</span><span>2</span><span>3</span><span>4</span></div>
               </div>
           </div>
        
          <!-- 确认订单 -->
           <div class="indent">
            <div class="clearfix zz"> 
                <p class="fl">收货地址</p>
                <p class="fr">管理地址   显示全部</p>
            </div>
            <hr width='1150px'>
            <ul class="clearfix">
                <li>
                    <p>四川成都( 徐某 收)</p>
                    <hr style="width: 223px;height: 1px;">
                    <p>180XXXXXXXX</p>
                    <p>成华区府青路街道驷马桥路19号某某小区X栋X单元</p>
                </li>
                <li>
                    <p>四川成都( 徐某 收)</p>
                    <hr style="width: 223px;height: 1px;">
                    <p>180XXXXXXXX</p>
                    <p>成华区府青路街道驷马桥路19号某某小区X栋X单元</p>
                </li>
                <li>
                    <p>四川成都( 徐某 收)</p>
                    <hr style="width: 223px;height: 1px;">
                    <p>180XXXXXXXX</p>
                    <p>成华区府青路街道驷马桥路19号某某小区X栋X单元</p>
                </li>
                <li>
                    <p>四川成都( 徐某 收)</p>
                    <hr style="width: 223px;height: 1px;">
                    <p>180XXXXXXXX</p>
                    <p>成华区府青路街道驷马桥路19号某某小区X栋X单元</p>
                </li>
            </ul>
            <span class="q1">确认订单</span>
            <hr>
            <span class="q2">木果果木官方旗舰店</span>
            <span class="q2 q3">联系店家</span>
            <span class="q2 q4">满2件包邮</span>
            <hr class="hr1">
            <table>
                <tr>
                    <td><input type="checkbox" class="checkbox_box"></td>
                    <td><img src="imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" width="100pxp"></td>
                    <td>
                        <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                        <span>新品</span><span>包邮</span>
                    </td>
                    <td>
                        <p>颜色: 魅夜黑
                        尺寸:M</p>
                    </td>
                    <td>
                        <p class="price">169.00</p>
                        <p><span>VIP</span>积分<span>100</span></p>
                    </td>
                    <td>
                        <span class="jian">-</span>
                        <input class="numberofgoods" type="text" value="1">
                        <span class="jia">+</span>
                    </td>
                    <td>
                        <p>移入收藏夹</p>
                        <p>删除</p>
                        <p>分享</p>
                        <p>相似宝贝</p>
                    </td>
                </tr>
            </table>
            <span class="o1">给商家留言</span>
            <input type="text">
            <hr>
            <div class="fr clearfix">
                <p>实付款: <span>¥252</span></p>
                <p>寄送至: 四川省 成都时 XX区 XXXXX街道 XXXXX路XXXX号 XXXX小区X栋X单元</p>
                <p>收货人: 徐某某  1XXXXXXXXXX</p>
                <p>
                    <input type="checkbox" style="vertical-align: middle;">优惠券
                    <input type="checkbox" style="vertical-align: middle;">找人代付
                    <input type="checkbox" style="vertical-align: middle;">匿名购买
                </p>
                <p><input type="button" value="提 交 订 单" class="qrdd"></p>
            </div>
            <div class="clearfix"></div>
           </div>
           <!-- 支付方式 -->
          <div class="method clearfix" style="display: none;">
              <span>支付方式</span>
              <hr>
              <ul>
                  <li>
                      <input type="radio" name="oo"><img src="imgs/支付宝.png" alt="" width="100px">
                      <input type="radio" name="oo"><img src="imgs/微信 copy.png" alt="" width="100px">
                      <input type="radio" name="oo"><img src="imgs/QQ.png" alt="" width="100px">
                      <span>更多>></span>
                  </li>
              </ul>
              <hr>
              <div class="fr clearfix">
                <p>实付款: <span>¥252</span></p>
                <p>寄送至: 四川省 成都时 XX区 XXXXX街道 XXXXX路XXXX号 XXXX小区X栋X单元</p>
                <p>收货人: 徐某某  1XXXXXXXXXX</p>
                <p><input type="button" value="提 交 订 单" class="tjdd"></p>
            </div>
          </div>
           <!-- 确认收获 -->
           <div class="affirm" style="display: none;">
               <span>我已收到货, 同意付款</span>
               <hr>
               <div class="affirm_box">
                   <span>订单信息</span>              
                   <ul>
                       <li>
                           <span>宝贝</span>
                           <span>状态</span>
                           <span>单价(元)</span>
                           <span>数量</span>
                           <span>优惠</span>
                           <span>商品总价(元)</span>
                           <span>运费(元)</span>
                        </li>
                   </ul>
                   <ul class="ul2 clearfix">
                       <li>
                           <span class="clearfix">
                               <img src="imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="" width="80px" class="fl">
                               <p class="fl">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                               <p class="fl">颜色: 魅夜黑   尺寸: M</p>
                           </span>
                           <span>
                               <p>- -</p>
                           </span>
                           <span>
                               <p>259.00</p>
                           </span>
                           <span>
                               <p>1</p>
                           </span>
                           <span>
                               <p class="w">满300减20</p>
                           </span>
                           <span>
                               <p>259.00</p>
                           </span>
                           <span>
                               <p>快递: 0.00</p>
                           </span>
                       </li>
                    </ul>
                    <p>实付款: <span>¥259.00</span></p>
               </div>
               <hr>
               <table cellspacing='10'>
                   <tr>
                       <td>订单编号 : </td>
                       <td>18015xxxxxxxxxxxxxx</td>
                   </tr>
                   <tr>
                       <td>支付宝交易号 : </td>
                       <td>20191920111xxxxxxxxxxxxxxxxx</td>
                   </tr>
                   <tr>
                       <td>卖家昵称 : </td>
                       <td>卖家昵称 : </td>
                   </tr>
                   <tr>
                       <td>收货信息 : </td>
                       <td>四川省  成都市  成华区  府青路街道驷马桥路19号某某小区X栋X单元</td>
                   </tr>
                   <tr>
                       <td>成交时间 : </td>
                       <td>2019-10-08   23:00:00</td>
                   </tr>
               </table>
               <button class="qrch">确 认 收 货</button>
           </div>

              <!-- 商品评价 -->
              <div class="appraise" style="display: none;">
                <span>商品评价</span>
                <hr>
                <div class="appraise_box">
                    <div class="appraise_img fl">
                         <img src="imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="" width="135px">
                         <p>木果果木2016秋装新品韩范简约宽袖...</p>
                    </div>
                    <textarea name="" id="" class="fl">亲, 评价无法修改, 请验货后再对商品和购物感受做出评价... </textarea>
                </div>
                <button>商品晒图</button>
                <input type="radio" class="gk" name="qq"> 公开
                <input type="radio" class="lm" name="qq"> 匿名
                <hr>
                <button class="tj">提 交 评 价</button>
               </div>
            <!-- 猜你喜欢 -->
            <div class="scarlet_witch" style="display: none;">
                <div class="bx1150">
                    <p>猜你喜欢</p>
                    <hr>
                    <ul class="clearfix">
                        <li>
                            <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                            <p>AIVEI秋新中长款牛仔</p>
                            <p>¥ 79.00</p>
                        </li>
                        <li>
                            <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                            <p>AIVEI秋新中长款牛仔</p>
                            <p>¥ 79.00</p>
                        </li>
                        <li>
                            <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                            <p>AIVEI秋新中长款牛仔</p>
                            <p>¥ 79.00</p>
                        </li>
                        <li>
                            <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                            <p>AIVEI秋新中长款牛仔</p>
                            <p>¥ 79.00</p>
                        </li>
                        <li>
                            <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                            <p>AIVEI秋新中长款牛仔</p>
                            <p>¥ 79.00</p>
                        </li>
                        <li>
                            <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                            <p>AIVEI秋新中长款牛仔</p>
                            <p>¥ 79.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>











    <!-- 底部导航栏 -->
    <div class="tabbar floor_scroll">
        <div class="center">
            <ul class="clearfix">
                <li>
                    <img src="imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
            </ul>
            <hr>


            <ul>
                <li>新手入门</li>
                <li>购物流程</li>
                <li>会员制度</li>
                <li>订单查询</li>
                <li>服务协议及隐私说明</li>
                <li>网站地图</li>
            </ul>


            <ul>
                <li>支付方式</li>
                <li>货到付款</li>
                <li>网上支付</li>
                <li>礼品卡支付</li>
                <li>其它支付</li>
            </ul>


            <ul>
                <li>配送服务</li>
                <li>配送进度查询</li>
                <li>商品验货与签收</li>
            </ul>


            <ul>
                <li>相关规则</li>
                <li>平台规则</li>
                <li>退换货政策</li>
                <li>发票制度</li>
                <li>帮助中心</li>
            </ul>


            <ul>
                <li>App更优惠</li>
                <li><img src="imgs/qryhd.png" alt=""></li>
            </ul>


            <ul>
                <li>加微信查订单</li>
                <li><img src="imgs/qryhd.png" alt=""></li>
            </ul>

        </div>
    </div>
    <!-- 地址 -->
    <div class="site">
        <div class="center">
            <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |</p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="copyright">
                <img src="imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
                <img src="imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
                <img src="imgs/f582260777c44b30.png" alt="">
                <img src="imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
                <img src="imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
                <img src="imgs/7b46518a9d74a1d6.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- jq -->
    <script src="js/jquery.js"></script>
    <!-- 滑出搜索框js -->
    <script src="js/payment.js"></script>
</body>

</html>